@import url('../ext/resources/css/ext-all.css');

.CodeMirror-line-numbers {
	margin:0;
    width: 27px;
    color: #aaa;
    background-color: #eee;
    text-align: right;
    padding: 2px 5px 2px 2px;
	font-family: Consolas,monospace;
	font-size: 11.5pt;
}

#ComponentsBox{
	width:100%;
	height:100%;
	padding:10px;
}
#ComponentsBox .component{
	width:80%;
	height:22px;
	cursor:pointer;
	padding:2px 0 0 2px;
	font-family:tahoma,arial,helvetica;
	border:solid 1px #ccddee;
}
#ComponentsBox .component.over{
	background-color:#aabbcc;
	border-color:#99bbe8;
}
#ComponentsBox .component.selected{
	background-color:#ddeeff;
	border-color:#99bbe8;
}
.design-area-over{
	background-color:#ffc;
}
.design-area-component{
	background-color:#def;
	border:solid 1px #abc;
	text-align:center;
	font-family:tahoma,arial,helvetica;
	font-size:12pt;
}
.icon-component{
	height:22px;
	padding:0 0 0 22px;
	font-size:11pt;
	width:130px;
	background:transparent url('../img/component.gif') no-repeat 0 0;
}
.icon-save-run{
	background-image:url('../img/save-run.gif') !important;
}
.icon-refresh{
	background-image:url('../img/refresh.gif') !important;
}
.icon-undo{
	background-image:url('../img/undo.gif') !important;
}
.icon-redo{
	background-image:url('../img/redo.gif') !important;
}
#header{
    padding:5px 0 0 20px;
    height:60px;
   	font-family:tahoma,arial,helvetica;
}
#title{
    color:#9ab;
	font-size:26pt;	
}
#contactinfo{
	text-align:right;
	font-size:10pt;	
}
#contactinfo a{
	color:#456;
}
#contactinfo a:hover{
	color:#123;
}

#x-debug-browser{
	font-size:10pt;
}


